<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
        tr{height: 30px;}
        td{width: 200px; text-align: center;}
    </style>
    <script type="text/javascript" src="../js/jquery-1.7.2.js"></script>
    <script type="text/javascript">
    $(function () {
        $("tr:even").css("background-color", "red");
        $("tr:odd").css("background-color","green");
        $("tr").mouseover(function () {
            $(this).css("background-color","blue");
        });
        $("tr").mouseout(function () {
            $("tr :even").css("background-color", "red");
            $("tr:odd").css("background-color","green");
            // $("tr:odd").css("background-color","red");
            // $("tr:even").css("background-color","blue");
        });

    });
    </script>
</head>
<body>
<table border="1" cellpadding="0" cellspacing="0">
    <tr>
        <th>姓名</th>
        <th>阵营</th>
        <th>职业</th>
        <th>武器</th>
    </tr>
    <tr>
        <td>刘备</td>
        <td>蜀</td>
        <td>蜀汉集团董事长</td>
        <td>双股剑</td>
    </tr>
    <tr>
        <td>诸葛亮</td>
        <td>蜀</td>
        <td>蜀汉集团CEO</td>
        <td>羽扇</td>
    </tr>
    <tr>
        <td>关羽</td>
        <td>蜀</td>
        <td>荆襄总裁</td>
        <td>青龙偃月刀</td>
    </tr>
    <tr>
        <td>张飞</td>
        <td>蜀</td>
        <td>阆中销售经理</td>
        <td>丈八蛇矛</td>
    </tr><tr>
        <td>张飞</td>
        <td>蜀</td>
        <td>阆中销售经理</td>
        <td>丈八蛇矛</td>
    </tr><tr>
        <td>张飞</td>
        <td>蜀</td>
        <td>阆中销售经理</td>
        <td>丈八蛇矛</td>
    </tr><tr>
        <td>张飞</td>
        <td>蜀</td>
        <td>阆中销售经理</td>
        <td>丈八蛇矛</td>
    </tr><tr>
        <td>张飞</td>
        <td>蜀</td>
        <td>阆中销售经理</td>
        <td>丈八蛇矛</td>
    </tr><tr>
        <td>张飞</td>
        <td>蜀</td>
        <td>阆中销售经理</td>
        <td>丈八蛇矛</td>
    </tr><tr>
        <td>张飞</td>
        <td>蜀</td>
        <td>阆中销售经理</td>
        <td>丈八蛇矛</td>
    </tr>
</table>
</body>
</html>